<div id="studyViewerTemplate" class="tab-pane active hidden" style="height:100%">
    <div class="studyContainer" style="height:100%">
        <div class="studyRow row" style="height:100%">

            <!-- Thumbnails -->
            <div class="thumbnailSelector">
                <div class="thumbnails list-group">
                </div>
            </div>

            <!-- Viewer -->
            <div class="viewer">
                <!-- Toolbar -->
                <div class="text-center" >

                    <div class="btn-group">
                        <!--image布局-->
                        <button id="insert_table" type="button" data-toggle="tooltip" data-placement="bottom" title="布局" class="btn btn-bitbucket  iconfont icon-citylayout"></button>
                        <!--ww/wc-->
                        <div class="btn-group">
                            <button type="button" data-toggle="tooltip" data-placement="bottom" title="ww/wc"  class="btn btn-bitbucket  iconfont icon-iconfontliangdu"></button>
                            <button type="button" class="btn btn-bitbucket dropdown-toggle iconfont" data-toggle="dropdown">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu " role="menu">
                                <li ><a class="iconfont icon-lugu" href="#" >  头颅平扫(90/35)</a></li>
                                <li><a class="iconfont icon-lugu" href="#" >  头颅增强(85/40)</a></li>
                                <li><a class="iconfont icon-lugu" href="#" >  头颅骨窗(1600/450)</a></li>
                                <li><a class="iconfont icon-feibu" href="#" >  肺窗(1000/-650)</a></li>
                                <li><a class="iconfont icon-fubu" href="#" >  纵膈窗(350/40)</a></li>
                                <li><a class="iconfont icon-gandan" href="#" >  肝脏(200/50)</a></li>
                                <li><a class="iconfont icon-shenzang" href="#" >  肾脏(350/40)</a></li>
                                <li><a class="iconfont icon-shenzang" href="#" >  自定义</a></li>
                                <li class="divider"></li>
                                <li><a class="iconfont icon-xuanzeselection7" href="#"> 区域ww/wc</a></li>
                                <li><a class="iconfont icon-mianjiicon" href="#"> 高亮</a></li>
                            </ul>
                        </div>
                        <!--负片-->
                        <button type="button" data-toggle="tooltip" data-placement="bottom" title="负片"  class="btn btn-bitbucket  iconfont icon-liangdu"></button>
                        <!--缩放-->
                        <div class="btn-group">
                            <button type="button" data-toggle="tooltip" data-placement="bottom" title="缩放"  class="btn btn-bitbucket  iconfont icon-expand"></button>
                            <button type="button" class="btn btn-bitbucket dropdown-toggle iconfont" data-toggle="dropdown">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu " role="menu">
                                <li ><a class="iconfont icon-expand" href="#">  X1</a></li>
                                <li ><a class="iconfont icon-expand" href="#">  X2</a></li>
                                <li ><a class="iconfont icon-expand" href="#">  X3</a></li>

                            </ul>
                        </div>
                        <!--漫游-->
                        <button type="button" data-toggle="tooltip" data-placement="bottom" title="漫游"  class="btn btn-bitbucket  iconfont icon-yidong"></button>
                        <!--旋转-->
                        <div class="btn-group">
                            <button type="button" data-toggle="tooltip" data-placement="bottom" title="旋转"  class="btn btn-bitbucket  iconfont icon-xuanzhuan"></button>
                            <button type="button" class="btn btn-bitbucket dropdown-toggle iconfont" data-toggle="dropdown">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu " role="menu">
                                <li ><a class="iconfont icon-xiangyouxuanzhuan" href="#">  +90°</a></li>
                                <li ><a class="iconfont icon-xiangzuoxuanzhuan" href="#">  -90°</a></li>
                                <li ><a class="iconfont icon-jingxiangfanzhuan" href="#">  水平镜像</a></li>
                                <li ><a class="iconfont icon-shuipinfanzhuan" href="#">  垂直镜像</a></li>
                                <li ><a class="iconfont icon-xuanzhuan" href="#">  自由旋转</a></li>
                                <li class="divider"></li>
                                <li><a class="iconfont icon-huifu" href="#"> 恢复</a></li>
                            </ul>
                        </div>
                        <!--测量-->
                        <div class="btn-group">
                            <button type="button" data-toggle="tooltip" data-placement="bottom" title="测量"  class="btn btn-bitbucket  iconfont icon-celiang-copy"></button>
                            <button type="button" class="btn btn-bitbucket dropdown-toggle iconfont" data-toggle="dropdown">
                                <span class="caret"></span>
                                <span class="sr-only">Toggle Dropdown</span>
                            </button>
                            <ul class="dropdown-menu " role="menu">
                                <li ><a class="iconfont icon-changduceliang" href="#">  长度</a></li>
                                <li ><a class="iconfont icon-jiaoduceliang" href="#">  角度</a></li>
                                <li ><a class="iconfont icon-tuoyuanceliang" href="#">  椭圆</a></li>
                                <li ><a class="iconfont icon-juxingceliang" href="#">  矩形</a></li>
                                <li ><a class="iconfont icon-yuandian" href="#">  点</a></li>
                                <li ><a class="iconfont icon-biaoji" href="#">  标记</a></li>
                                <li ><a class="iconfont icon-wenzi" href="#">  文本</a></li>
                                <li class="divider"></li>
                                <li><a class="iconfont icon-qingchu" href="#"> 清除</a></li>
                            </ul>
                        </div>
                        <!--播放-->
                        <button type="button" data-toggle="tooltip" data-placement="bottom" title="播放"  class="btn btn-bitbucket  iconfont icon-play"></button>
                        <!--停止-->
                        <button type="button" data-toggle="tooltip" data-placement="bottom" title="停止"  class="btn btn-bitbucket  iconfont icon-tingzhi-copy"></button>

                        <button type="button" class="divider"></button>
                        <!--另存-->
                        <button type="button" data-toggle="tooltip" data-placement="bottom" title="另存"  class="btn btn-bitbucket  iconfont icon-save"></button>
                    </div>
                </div>

                <!-- Viewer -->
                <div class="imageViewer">
                    <!-- Viewport wrapper-->
                    <div class="viewportWrapper" style="width:100%;height:100%;position:relative;color: white;display:inline-block;background-color:black;"
                         oncontextmenu="return false"
                         class='jarvisframe-enabled-image'
                         unselectable='on'
                         onselectstart='return false;'
                         onmousedown='return false;'>
                        <!-- Viewport -->
                        <div class="viewport"></div>

                        <!-- Overlays -->
                        <div class="overlay" style="top:0px; left:0px">
                            <div>Patient Name</div>
                            <div>Patient Id</div>
                        </div>

                        <div class="overlay" style="top:0px; right:0px">
                            <div>Study Description</div>
                            <div>Study Date</div>
                        </div>

                        <div class="overlay" style="bottom:0px; left:0px">
                            <div class="fps">FPS:</div>
                            <div class="renderTime">Render Time:</div>
                            <div class="currentSeriesno">SeriesNo #:</div>
                            <div class="currentImageAndTotalImages">Image #:</div>
                            <div class="ImageOrientation"></div>
                        </div>

                        <div class="overlay" style="bottom:0px; right:0px">
                            <div>Zoom:</div>
                            <div>WW/WC:</div>
                            <div>Rotation:</div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>